用 Web Modern 打造機車維修業的輕量化智慧管理系統

不寫 App，也能讓你的維修流程變聰明

一、前言：修車業也能用上「Web Modern」

你不一定要買 ERP，也不需要請工程師做 App。
現在只要用「現代網頁技術（Web Modern）」──像 PWA（漸進式網頁應用）、本地資料儲存（IndexedDB）、條碼與相機 API、Web Push 通知──
就能讓小型機車行或維修中心擁有「智慧管理」的能力。

簡單說，就是：

「把網頁變成像 App 一樣好用，能拍照、能離線、能提醒。」

二、Web Modern 的三個核心概念

1️⃣ PWA（Progressive Web App）：可以安裝在手機桌面、離線也能打開。
2️⃣ IndexedDB：瀏覽器內建資料庫，讓你離線也能開單、記錄、查零件。
3️⃣ 背景同步與推播（Background Sync & Web Push）：等有網路再自動上傳、提醒下次保養。

這三個技術的組合，就是「讓網頁變 App」的秘密。

三、維修業的日常痛點

傳統修車流程大多是：

• 接車 → 手寫工單 → 拍照留存 → 領料記帳 → 手動輸入總金額 → 打電話提醒回廠

這些動作雖然熟悉，但浪費時間、資料分散、難以分析。
如果用 Web Modern 技術，可以讓這一切自動化與資料化。

四、用一支平板搞定的五大功能

1️⃣ 接車開單

用平板開啟 PWA 頁面，輸入車主資料與里程數，拍照上傳車況。
即使當下沒網路，也會先暫存在本地資料庫（IndexedDB），等上線再同步。

2️⃣ 拍照與條碼掃描

相機直接拍下車況、零件條碼或發票。
利用瀏覽器原生的 Camera API 與 BarcodeDetector，不用額外裝 App。

3️⃣ 庫存即時更新

每次領料或進貨時掃條碼，數量會即時更新。
若低於安全存量，系統可透過 Web Notification 自動提醒補貨。

4️⃣ 工時計算與出單

點一下「開始維修」與「結束維修」，自動計算工時與費用。
結帳時可選擇列印 PDF 或用 Web Share 一鍵傳給客人。

5️⃣ 定保與回訪提醒

維修完設定下次回廠日期，系統會透過 Web Push 發出提醒。
不必再手動打電話追蹤。

五、離線也能用：PWA 與 IndexedDB 的威力

• Service Worker 幫你快取重要頁面，沒網路也能開。
• IndexedDB 讓資料暫存在瀏覽器中，待網路恢復自動同步。

換句話說：

「網路斷了不怕，照樣開單、照樣維修。」

六、導入步驟（1 天就能試跑）

七、實際應用案例

🧰 店內流程簡化前後比較

結果：

• 工單輸入時間縮短 60%
• 出錯率下降 80%
• 客戶回廠率提高 20%

八、報表與管理：讓數據說話

只要資料都在 IndexedDB 或同步到雲端，接下來就能分析：

• 平均維修時間
• 熱門料件使用率
• 回廠間隔
• 庫存週轉天數

甚至可以直接用 Google Sheets 或 Python 把資料串起來，自動畫圖分析。

九、常見問題 Q&A

Q：我沒有 IT 背景，也能導入嗎？
A：可以。只要會開網頁、複製程式碼即可。

Q：這樣安全嗎？
A：資料可加上 HTTPS 與簡單密碼登入。

Q：要多少錢？
A：幾乎零成本。只要網域與主機空間。

Q：比買 ERP 有什麼不同？
A：ERP 很重、需要訓練。Web Modern 輕、能離線、可客製。

十、延伸主題：機油要不要「抽底」？

一般來說，「機油要不要抽底」要看換油方式與車況。以下簡單分兩種情況說明：

🚗 一、一般家用車（下放式放油螺絲）

✅ 不需要特別抽底。
因為放油螺絲位於油底殼最低點，正常放油可排出約 90～95% 的舊機油。
剩下的少量沉積物，在下一次換油時也會被新油稀釋帶出。

📘 建議：

• 每 3～4 次常規換油，可請技師「多等幾分鐘」放乾一點。
• 若開過爛路、引擎老舊或油底殼有積碳，可考慮偶爾「抽底一次」清除沉積。

🛠 二、歐系車或特殊車款（上抽式）

✅ 需要抽油機抽底。
這類車型設計沒有下方放油螺絲，或是油底殼結構特殊，只能靠抽油管從機油尺孔抽出。
此時「抽底」就是必要程序，確保舊油抽乾淨。

📌 小結

👉 「抽底」是為了把油底殼中殘留的舊油與雜質清除乾淨。
如果你的車是普通日系車、有放油螺絲，平常換油不用刻意抽底；
但若是歐系上抽式車，就必須抽。

十一、結語：從「抽底」思維到「數位轉型」

其實「抽底」與「數位化」概念很像──
不是每次都要全清，但定期做能讓系統更乾淨、更順暢。

Web Modern 讓維修流程更順手、資料更透明、管理更智慧。
而維修業的升級，不在於花大錢買軟體，而是願不願意從基礎動作開始優化。

修引擎要換機油，修流程要換思維。

✍️ 作者註：
本文為實務經驗與 Web Modern 技術應用示例，可自由引用或轉載於 iThome 鐵人賽系列，主題為「從油底殼到資料流——機車維修業的數位轉型之路」。